<ons-page id="bind-tb">
    <ons-toolbar>
        <div class="left"><ons-back-button class="tmpl-btn">返回</ons-back-button></div>
        <div class="center">绑定淘宝</div>
    </ons-toolbar>
    <ons-card id="notes-card">
        <div class="title">注意事项</div>
        <div class="content" id="notes">
            1. 输入淘宝用户名，注意不是昵称<br>
            2. 请确保收货地址和收货联系人真实具体，并保证和淘宝上下单的收货地址信息一致<br>
            3. 请确认多个淘宝号之间使用不同的收货信息 (收货姓名，地址和电话均不同)<br>
            4. 账号审核人工进行，正常一个工作日内完成，只有审核通过的买号才能接受任务<br>
        </div>
    </ons-card>

    <ons-card id="approve-status">
        审核状态:<span class="status"></span>
    </ons-card>

    <ons-card id="approve-reason">
        未通过原因:<span class="reason"></span>
    </ons-card>

    <div id="my-toolbar-list">
        <ons-list>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">淘宝账号</span>
                </div>
                <div class="center ">
                    <ons-input placeholder="请输入淘宝账号" id="account"></ons-input>
                </div>
            </ons-list-item>

            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">淘宝等级</span>
                </div>
                <div class="center ">
                    <ons-select id="acountLevel">
                        <option value="0">一心</option>
                        <option value="1">二心</option>
                        <option value="2">三心</option>
                        <option value="3">四心</option>
                        <option value="4">五心</option>
                        <option value="5">一钻</option>
                        <option value="6">二钻</option>
                        <option value="7">三钻</option>
                        <option value="8">四钻</option>
                        <option value="9">五钻</option>
                    </ons-select>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">花呗开通情况</span>
                </div>
                <div class="center">
                    <ons-switch id="baitiaoStart"></ons-switch>
                </div>

            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">收货人</span>
                </div>
                <div class="center ">
                    <ons-input placeholder="请输入收货人姓名" id="receiver"></ons-input>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">手机号</span>
                </div>
                <div class="center ">
                    <ons-input placeholder="请输入收货人手机号" id="receiveMobile"></ons-input>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">收货省份</span>
                </div>
                <div class="center ">
                    <ons-select id="choose-province">
                        <select class="choose-dist"></select>
                    </ons-select>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">收货城市</span>
                </div>
                <div class="center ">
                    <ons-select id="choose-city">
                        <select class="choose-dist"></select>
                    </ons-select>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">收货地区</span>
                </div>
                <div class="center ">
                    <ons-select id="choose-district">
                        <select class="choose-dist"></select>
                    </ons-select>
                </div>
            </ons-list-item>
            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">详细地址</span>
                </div>
                <div class="center ">
                    <ons-input placeholder="请输入详细地址" id="receiveAddress"></ons-input>
                </div>
            </ons-list-item>

            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">账号截图</span>
                </div>
                <div class="center">
                    <input id="tb-account" type="file" accept="image/*" class="ons-upload" multiple>
                    <img class="list-img list-item__thumbnail" src="../img/noimg.png" style="width: 180px;height: 120px">
                </div>
            </ons-list-item>

            <ons-list-item modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">等级截图</span>
                </div>
                <div class="center">
                    <input id="tb-level" type="file" accept="image/*" class="ons-upload" multiple>
                    <img class="list-img list-item__thumbnail" src="../img/noimg.png" style="width: 180px;height: 120px">
                </div>
            </ons-list-item>
            <ons-list-item  id="huabei" modifier="longdivider">
                <div class="left">
                    <span class="list-item__title">花呗情况</span>
                </div>
                <div class="center">
                    <input id="tb-huabei" type="file" accept="image/*" class="ons-upload" multiple>
                    <img class="list-img list-item__thumbnail" src="../img/noimg.png" style="width: 180px;height: 120px">
                </div>
            </ons-list-item>
        </ons-list>
    </div>

    <ons-button id="bind-tb-btn" class="list-btn">保存</ons-button>

    <ons-fab class="example" position="bottom right" style="color: #E43A45; background: #fff;">
        <ons-icon>示例</ons-icon>
    </ons-fab>
</ons-page>